<#assign path="${request.getContextPath()}">
<!DOCTYPE html>
<html lang="zh-CN">
<head>

<meta charset="utf-8">
<META http-equiv=Content-Type content="text/html; charset=utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->


<!-- Bootstrap -->

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link
	href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"
	rel="stylesheet">
<script src="http://cdn.bootcss.com/less.js/2.5.1/less.min.js" type="text/javascript"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>


<script src="http://cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.13.1/additional-methods.min.js"></script>
<script src="${path }/static/scripts/${js}.js"></script>

</head>
<body>
<style>
body{
 background:rgba(180, 181, 186, 0);
 padding-top:80px;
 margin:0 auto;
}

.login-title{
	background:rgba(22, 112, 247, 0.6);
	padding:2px 10px;
	max-width:700px;
}
.login-content{
	width:100%;
	padding-top:60px;
	max-width:700px;
	background-color: rgba(189, 200, 248,0.41);
	height:345px;
}
.form-login{
max-width:700px;
margin:0 auto;
}
.form-control, .input-group{
	height:40px;
}
.form-group{

	margin:0px 0px  0px 0px !important;
}
.input-group{
	margin:0px 0px 30px 0px !important;
}

.btn-large{
	padding:10px 0px 10px 0px;
	margin-right:50px;
	margin-top:30px;
} 
.center-block{
display:block;
margin-right:auto;
margin-left:auto;
}
</style>
<div class="container ">
		<form id="regForm" class="form-login form-horizontal " role="form" action="${path}/doReg" method="post">
			<input type="hidden" id="path" value="${path }"/>
			<div class="login-title text-center">
				<h1>用户注册</h1>
			</div>
			<div class="login-content">
				<div class="form-group">
					<div class="col-xs-12 ">
						<div class="input-group">
						<span class="input-group-addon">用户名</span>
                              <input type="text" id="username" name="username" class="form-control"
								placeholder="请输入用户名" required autofocus>
						</div>
					</div>
					

				</div>

				<div class="form-group">
					<div class="col-xs-12 ">
						<div class="input-group">
							<span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</span>
							 <input type="password" id="password" name="password" class="form-control"
								placeholder="请输入密码" required>
						</div>
					</div>
				</div>

                <div class="form-group">
					<div class="col-xs-12 ">
						<div class="input-group">
							<span class="input-group-addon" >确认密码</span>
							 <input type="password" id="password1" name="repassword" class="form-control"
								placeholder="确认密码" required>
						</div>
					</div>
				</div>
				
               <div class="row ">
                   <div class="col-xs-6 center-block">
					<button type="button" id="reg" class="btn btn-large btn-primary btn-block">注册</button>
                    </div>
                    <div class="col-xs-6 center-block">
					<button type="reset" class="btn btn-large btn-primary btn-block">重置</button>
                    </div>
                </div>
				
			</div>
		</form>


	</div>
</body>
</html>
